iT邦幫忙

2024 iThome 鐵人賽

DAY 4
0
自我挑戰組

初階網頁學習與製作系列 第 4

Day-4 HTML表單的認識🎁

  • 分享至 

  • xImage
  •  

HTML表單是用來蒐集使用者輸入資料的一個重要工具。它通常包含各種可互動的元素,像是文字框、按鈕、下拉選單、核取方塊等,讓使用者能夠提交數據到伺服器進行處理,今天我要來介紹HTML表單的一些基本架構與元素。

基本結構:

HTML表單使用 form 標籤來定義,表單的數據通常會被送到伺服器進行處理,這可以通過兩個屬性來指定:

  • action:指定數據送往的伺服器 URL。
  • method:指定傳送數據的方式,常見的有 GET 和 POST

常見的表單元素:

  • 文字輸入框:(input type="text"):讓使用者輸入文字。
  • 密碼輸入框(input type="password"):用來輸入密碼,內容會隱藏。
  • 按鈕(buttoninput type="submit"):提交表單或執行操作。
  • 下拉選單(select):提供多個選項讓使用者選擇。
  • 核取方塊(input type="checkbox"):允許使用者選擇多個選項。
  • 單選按鈕(input type="radio"):讓使用者從一組選項中選擇一個。
    input 標籤的屬性:
    1. input 本身沒有內容是一個空元素,不需closing tag
    2. input disable 將文件設定為禁用狀態,點選文字框時會沒有反應

上一篇
Day-3 HTML表格的使用🍖
下一篇
Day-5 CSS的認識🧩
系列文
初階網頁學習與製作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言